﻿<!DOCTYPE html>
<html>
<head>
    <!--http://www.dtcms.net/help/show-76.html-->
    <!-- Standard Meta -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <!-- Site Properties -->
    <title>整洁家-专业衣橱收纳整理</title>
    <link rel="stylesheet" type="text/css" href="{config.weburl}/dist/components/reset.css">
    <link rel="stylesheet" type="text/css" href="{config.weburl}/dist/components/site.css">

    <link rel="stylesheet" type="text/css" href="{config.weburl}/dist/components/container.css">
    <link rel="stylesheet" type="text/css" href="{config.weburl}/dist/components/grid.css">
    <link rel="stylesheet" type="text/css" href="{config.weburl}/dist/components/header.css">
    <link rel="stylesheet" type="text/css" href="{config.weburl}/dist/components/image.css">
    <link rel="stylesheet" type="text/css" href="{config.weburl}/dist/components/menu.css">

    <link rel="stylesheet" type="text/css" href="{config.weburl}/dist/components/divider.css">
    <link rel="stylesheet" type="text/css" href="{config.weburl}/dist/components/dropdown.css">
    <link rel="stylesheet" type="text/css" href="{config.weburl}/dist/components/segment.css">
    <link rel="stylesheet" type="text/css" href="{config.weburl}/dist/components/button.css">
    <link rel="stylesheet" type="text/css" href="{config.weburl}/dist/components/list.css">
    <link rel="stylesheet" type="text/css" href="{config.weburl}/dist/components/icon.css">
    <link rel="stylesheet" type="text/css" href="{config.weburl}/dist/components/sidebar.css">
    <link rel="stylesheet" type="text/css" href="{config.weburl}/dist/components/transition.css">


    <meta name="keywords" content="{site.seo_keyword}" />
    <meta name="description" content="{site.seo_description}" />
    <style type="text/css">

        .ui.inverted.link.list .item, .ui.inverted.link.list a.item, .ui.inverted.link.list .item a:not(.ui) {
            color: rgba(162, 14, 14, 0.5);
        }

        .hidden.menu {
            display: none;
        }

        .masthead.segment {
            min-height: 700px;
            padding: 1em 0em;
        }

        .masthead .logo.item img {
            margin-right: 1em;
        }

        .masthead .ui.menu .ui.button {
            margin-left: 0.5em;
        }

        .masthead h1.ui.header {
            margin-top: 3em;
            margin-bottom: 0em;
            font-size: 4em;
            font-weight: normal;
        }

        .masthead h2 {
            font-size: 1.7em;
            font-weight: normal;
        }

        .ui.vertical.stripe {
            padding: 8em 0em;
        }

            .ui.vertical.stripe h3 {
                font-size: 2em;
            }

            .ui.vertical.stripe .button + h3,
            .ui.vertical.stripe p + h3 {
                margin-top: 3em;
            }

            .ui.vertical.stripe .floated.image {
                clear: both;
            }

            .ui.vertical.stripe p {
                font-size: 1.33em;
            }

            .ui.vertical.stripe .horizontal.divider {
                margin: 3em 0em;
            }

        .quote.stripe.segment {
            padding: 0em;
        }

            .quote.stripe.segment .grid .column {
                padding-top: 5em;
                padding-bottom: 5em;
            }

        .footer.segment {
            padding: 5em 0em;
        }

        .secondary.pointing.menu .toc.item {
            display: none;
        }

        @media only screen and (max-width: 700px) {
            .ui.fixed.menu {
                display: none !important;
            }

            .secondary.pointing.menu .item,
            .secondary.pointing.menu .menu {
                display: none;
            }

            .secondary.pointing.menu .toc.item {
                display: block;
            }

            .masthead.segment {
                min-height: 350px;
            }

            .masthead h1.ui.header {
                font-size: 2em;
                margin-top: 1.5em;
            }

            .masthead h2 {
                margin-top: 0.5em;
                font-size: 1.5em;
            }
        }
    </style>

    <script src="{config.weburl}/assets/library/jquery.min.js"></script>
    <script src="{config.weburl}/dist/components/visibility.js"></script>
    <script src="{config.weburl}/dist/components/sidebar.js"></script>
    <script src="{config.weburl}/dist/components/transition.js"></script>
    <script>
        $(document)
            .ready(function () {

                // fix menu when passed
                $('.masthead')
                    .visibility({
                        once: false,
                        onBottomPassed: function () {
                            $('.fixed.menu').transition('fade in');
                        },
                        onBottomPassedReverse: function () {
                            $('.fixed.menu').transition('fade out');
                        }
                    })
                    ;

                // create sidebar and attach to menu open
                $('.ui.sidebar')
                    .sidebar('attach events', '.toc.item')
                    ;

            })
            ;
    </script>
</head>
<body>

    <!--Header-->
    <%template src="_header.html"%>
    <!--/Header-->
    <!-- Page Contents -->
    <div class="pusher">
        <div class="ui inverted vertical masthead center aligned segment">

            <!--Menu-->
            <%template src="_menu.html"%>
            <!--/Menu-->


            <div class="ui text container">
                <h1 class="ui inverted header">
                    爱·整理 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;找·整洁家，给您一个整洁的家
                </h1>
                <br />
                <div class="ui huge primary button">专业“衣橱收纳”&nbsp;之专业、知服务 <i class="right arrow icon"></i></div>

            </div>

        </div>

        <!--
          很不错的参考文章：http://www.eqingdan.com/mobile/articles/233
          https://book.douban.com/review/8313417/
        -->
        <div class="ui vertical stripe segment">
            <div class="ui middle aligned stackable grid container">
                <div class="row">
                    <div class="eight wide column">
                        <h3 class="ui header">整理是一门艺术&nbsp;&nbsp; 一种生活</h3>
                        <p>整理，是一种思考方法，这可能是很多人没有意识到的</p>
                        <p>整理，是思考物品与自己的关系，决定是否保留或丢弃</p>
                        <h3 class="ui header">收纳—能舍、能断、能离</h3>
                        <p>整理，才是开始，收纳最后进行 &nbsp;&nbsp;不整理，请勿收纳</p>
                        <p>收纳—让我们的生活变得更加高效而且有质量</p>
                    </div>
                    <div class="six wide right floated column">
                        <img src="assets/images/zlj/home_x_1.jpg" class="ui large bordered rounded image">
                    </div>
                </div>
                <div class="row">
                    <div class="center aligned column">
                        <a class="ui huge button">查看更多</a>
                    </div>
                </div>
            </div>
        </div>


        <div class="ui vertical stripe quote segment">
            <div class="ui equal width stackable internally celled grid">
                <div class="center aligned row">
                    <div class="column">
                        <h3>"整理的核心"</h3>
                        <p>“人”才是整理的核心，而不是东西，整理的目的是让人舒适，不是让房间看起来漂亮。<br> 同时，整理的目的也是为了爱惜物品，让你对所有物品走脑走心，不忽视，不囤积</p>
                    </div>
                    <div class="column">
                        <h3>“断绝不需要的东西，舍弃多余的废物，脱离对物品的迷恋”</h3>
                        <p>
                            这是任何人都能实践“断舍离”整理术，通过对日常家居环境的整理收拾，改变意识，放下执念<br>过上自由舒适的生活
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="ui vertical stripe segment">
            <div class="ui text container">
                <h3 class="ui header">不破不立, 请集中您的注意力</h3>
                <p>
                    整理，是一个过程，需要果断、需要勇气、需要舍弃。请集中注意力，您要的是一个整洁的环境；那些平常舍不得扔，留着用处不大，需要的时候却不容易找到的东西就需要扔掉吧！不破不立！<br />
                    一边扔一边买， 也不行，这个时候就需要“收纳整理术”来帮助您！

                </p>
                <a class="ui large button">整洁，断、舍、离</a>
                <h4 class="ui horizontal header divider">
                    <a href="javascript:void(0);">整洁家</a>
                </h4>
                <h3 class="ui header">有人告诉过您？关于整理收纳的故事吗？</h3>
                <p>
                    这样的一句话就是整理的精髓：“生活要精致，不能将就，将就将就着一辈子就这样了”<br />

                </p>
                <a class="ui large button">你任然感兴趣？</a>
                <div class="ui huge primary button">咨询整理师 <i class="right arrow icon"></i></div>
            </div>
        </div>

        <!--Footer-->
        <%template src="_footer.html"%>
        <!--/Footer-->
    </div>

</body>

</html>
